    html, body { height: 100%; position: relative; }
    *{margin:0;padding:0;}
    a { text-decoration: none; }
    input{-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;outline: 0;}
    body { margin: 0; padding: 0; background-color:#f4f3ef;font-family: "Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size: 14px; }
    .content{position: relative;width: 100%;}
    .formbox,.formboxs{
        width: 100%;
        padding:0 14px;
        box-sizing: border-box;
        background-color: #fff;
        margin-bottom: 38px;
        border-bottom: 1px solid #ddd;
    }
    .formboxs{
        border:none;
    }
    .tx{width: 84px;height: 84px;margin: 8px auto;border-radius: 50%;box-sizing: border-box;margin-top: -15%;}
    .tx img{width: 100%;height: 100%;border-radius: 50%;background:#fff;    border: 1px solid #e4c125;box-sizing: border-box;}
    .name{text-align: center;margin: 0;color: #666;}
    .tipstext{text-align: center;color:#f26214;font-size: 16px;}
    .form{
        overflow: auto;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
    }
    .form .warp{
        width: 100%;
        height: 58px;
        display: block;
        line-height: 58px;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        padding: 0 10px;
        box-sizing: border-box;
        position: relative;
    }
    .form .noborder{
        border:none;
    }
    .warp input{
        border: none;
        height: 58px;
        font-size: 16px;
        float: left;
        margin-left: 20px;
        font-family: "Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    }
    .get_code{
        background-color: #38B13E;
        height: 38px;
        position: absolute;
        right: 0;
        top: 10px;
        display: block;
        border-radius: 3px;
        text-align: center;
        line-height: 38px;
        text-decoration: none;
        color: #FFF;
        font-size: 14px;
        padding: 0 15px;
    }
    .pin_pic{
        width: 70px;
        height: 38px;
        position: absolute;
        right: 0;
        top: 10px;
        border-radius: 3px;
        overflow: hidden;
        float: right;
        box-sizing: border-box;
    }
    .pin_pic img{
        width: 100%;
        height: 100%;
    }
    .text_color{float:right;}
    .regbtn{
        background-color: #2cb035;
        color: #fff;
        width: 100%;
        line-height: 30px;
        padding: 5px 25px;
        border-radius: 4px;
        border: 0;
        margin: 0 auto 5px;
        font-size: 20px;
        font-weight: 500;
        font-family: "Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    }
    .strong{
        color:#34af3d;
    }
    .medium{color:#f26214;}
    .weak{color:#ff1414;}
    .toast-container{position:fixed;}
    .modal {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 11000;
        display: none;
        width: 13.5rem;
        margin-top: 0;
        margin-left: -6.75rem;
        color: #3d4145;
        text-align: center;
        border-radius: .35rem;
        opacity: 0;
        -webkit-transition-property: -webkit-transform,opacity;
        -o-transition-property: -o-transform,opacity;
        transition-property: transform,opacity;
        -webkit-transform: translate3d(0,0,0) scale(1.185);
        transform: translate3d(0,0,0) scale(1.185);
    }

    .modal-button,.modal-inner {
        position: relative;
        background: #e8e8e8;
    }

    .modal.modal-in {
        opacity: 1;
        -webkit-transition-duration: .4s;
        -o-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
    }

    .modal.modal-out {
        z-index: 10999;
        opacity: 0;
        -webkit-transition-duration: .4s;
        -o-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0) scale(.815);
        transform: translate3d(0,0,0) scale(.815);
    }

    .actions-modal.modal-in,.actions-modal.modal-out {
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
    }

    .modal-inner {
        padding: .75rem;
        border-bottom: 1px solid #b5b5b5;
        border-radius: .35rem .35rem 0 0;
    }

    .modal-title {
        font-size: .9rem;
        text-align: center;
    }

    .modal-title+.modal-text {
        margin-top: .25rem;
    }
    .toast-container {
        position: fixed;
        top: 50%;
        margin-top: -24px;
        width: 100%;
        z-index: 1000200;
        text-align: center;
    }

    .toast-container .toast {
        height: 2rem;
        line-height: 2rem;
        min-width: 160px;
        max-width: 280px;
        padding: 10px 15px;
        color: #fff;
        margin: 0 auto;
        border-radius: 2px;
        display: inline-block;
        background: rgba(0,0,0,.6);
        font-size: 16px;
    }
    .disbtn{background:#888;}

    .imgcontent{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
    }
    .imgcontent div img{width:100%;}
    .toppic{
        width: 100%;
        box-sizing: border-box;
    }
    .logopic{
        width: 54px;
        position: absolute;
        top: 1%;
        left: 4%;
        z-index: 999;
        box-sizing: border-box;
    }
    .textpic{
        position: absolute;
        width: 100%;
        top: 5%;
        left: 50%;
        margin-left: -50%;
        padding: 0 20%;
        box-sizing: border-box;
    }
    .fxcontent{
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        border-radius: 3px;
        margin-top: 8%;
        padding: 14px 4px;
        background: #fff5e2;
    }
    .fxcontent .text1{margin-bottom: 8px;}
    .text3{text-align:center;font-weight:500;margin-top: 24px;}
    .idbox-ico{
        position: absolute;
        width: 21px;
        height: 23px;
        top: 18px;
        left: 0;
    }
    .idbox-phone,
    .idbox-code{
        background: url(/assets/wxapp-img/farm-icon.png) no-repeat;
        background-size: 151px 175px;
    }
    .idbox-pass,.idbox-qyphone,.idbox-verifycode{
        background:url(/assets/wxapp-img/icons.png) no-repeat;
        background-size: 440px auto;
    }
    .idbox-verifycode {
        background-position: -194px -12px;
    }
    .idbox-code {
        background-position: -27px -101px;
        left: 4px;
    }
    .idbox-qyphone {
        background-position: -389px -76px;
        width: 25px;
    }
    .idbox-phone {
        background-position: 0 -101px;
    }
    .idbox-pass {
        background-position: -100px -12px;
    }
    .btnbox{
        width: 100%;
        box-sizing: border-box;
        padding: 0 14px;
    }
    .regtext{
        font-size: 14px;
        color: #666;
        padding-left: 14px;
        margin: 20px 0;
        display: block;
    }
    .background{background-color: #fff;}
    .graybtn{background-color: #888;}